<template>
  <div class="clearfix">
    <el-col class="ne-jminput-box" :span="item.span" v-show="item.show" v-for="(item,index) in nForm" :key="index" :style="{'margin-right':item.marginRight,'box-sizing':'box-sizing'}">
      <el-form-item v-if="item.type=='jmIpt'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]"
                    :required="item.required"
                    :label="item.name + '：'"
                    class="u-ipt">
        <el-input
            clearable
            placeholder="请输入内容"
            v-model="item.value"
            class="input-with-select"
            :disabled="item.disabled"
            :readonly="item.readonly"
        >
          <el-select
              v-model="item.oValue"
              slot="append"
              placeholder="请选择"
              class="ne-select-box select-box"
          >
            <el-option
                v-for="item2 in item.opt"
                :key="item2.value"
                :label="item2.label"
                :value="item2.value"
            >
            </el-option>
          </el-select>
        </el-input>
      </el-form-item>
      <el-form-item v-if="item.type=='jmIpt'&&!rules[index]"
                    :required="item.required"
                    :label="item.name + '：'"
                    class="u-ipt">
        <el-input
            clearable
            placeholder="请输入内容"
            v-model="item.value"
            class="input-with-select"
            :disabled="item.disabled"
            :readonly="item.readonly"
        >
          <el-select
              v-model="item.oValue"
              slot="append"
              placeholder="请选择"
              class="ne-select-box select-box"
          >
            <el-option
                v-for="item2 in item.opt"
                :key="item2.value"
                :label="item2.label"
                :value="item2.value"
            >
            </el-option>
          </el-select>
        </el-input>
      </el-form-item>
      <el-form-item v-if="item.type=='Ipt'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <el-input
            clearable
            placeholder="请输入内容"
            v-model="item.value"
            class="input-with-select"
            :disabled="item.disabled"
            :readonly="item.readonly"
        >
        </el-input>
      </el-form-item>
      <el-form-item v-if="item.type=='Ipt'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <el-input
            clearable
            placeholder="请输入内容"
            v-model="item.value"
            class="input-with-select"
            :disabled="item.disabled"
            :readonly="item.readonly"
        >
        </el-input>
      </el-form-item>
      <el-form-item v-if="item.type=='select'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required"  :label="item.name + '：'">
        <el-select  v-model="item.value"
                    :filterable = "item.filterable"
                    :disabled="item.disabled"
                    :readonly="item.readonly"
                    placeholder="请选择" style="width: 100%">
          <el-option
              v-for="item2 in item.options"
              :key="item2.value"
              :label="item2.label"
              :value="item2.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item v-if="item.type=='select'&&!rules[index]" :required="item.required"  :label="item.name + '：'">
        <el-select  v-model="item.value"
                    :filterable = "item.filterable"
                    :disabled="item.disabled"
                    :readonly="item.readonly"
                    placeholder="请选择" style="width: 100%">
          <el-option
              v-for="item2 in item.options"
              :key="item2.value"
              :label="item2.label"
              :value="item2.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item v-if="item.type=='radioIpt'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'"  class="ne-line">
        <el-radio-group
            class="column-center"
            v-model="item.value"
        >
          <el-radio size="mini"  v-for="item2 in item.options"
                    :key="item2.value"
                    :label="item2.label"
                    :value="item2.value"></el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item v-if="item.type=='radioIpt'&&!rules[index]" :required="item.required" :label="item.name + '：'"  class="ne-line">
        <el-radio-group
            class="column-center"
            v-model="item.value"
        >
          <el-radio size="mini"  v-for="item2 in item.options"
                    :key="item2.value"
                    :label="item2.label"
                    :value="item2.value"></el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item v-if="item.type=='checkbox'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <el-checkbox :disabled="item.disabled" :readonly="item.readonly"  v-model="item.value"></el-checkbox>
      </el-form-item>
      <el-form-item v-if="item.type=='checkbox'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <el-checkbox :disabled="item.disabled" :readonly="item.readonly"  v-model="item.value"></el-checkbox>
      </el-form-item>

      <el-form-item v-if="item.type=='textarea'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <el-input type="textarea" :disabled="item.disabled" :readonly="item.readonly" v-model="item.value"></el-input>
      </el-form-item>
      <el-form-item v-if="item.type=='textarea'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <el-input type="textarea" :disabled="item.disabled" :readonly="item.readonly" v-model="item.value"></el-input>
      </el-form-item>

      <el-form-item v-if="item.type=='date'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <el-date-picker type="date" :picker-options="item.pickerOptions" :disabled="item.disabled" value-format="yyyy-MM-dd" :readonly="item.readonly" placeholder="选择日期" v-model="item.value"></el-date-picker>
      </el-form-item>
      <el-form-item v-if="item.type=='date'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <el-date-picker type="date" :picker-options="item.pickerOptions" :disabled="item.disabled" value-format="yyyy-MM-dd" :readonly="item.readonly" placeholder="选择日期" v-model="item.value"></el-date-picker>
      </el-form-item>

      <el-form-item v-if="item.type=='custDig'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="staffName"
            @getrow="getRowCustManageHandler"
            @loadata="loadCustManageOptions"
            :config="digData.custConfig"
        ></inputDialog>
      </el-form-item>
      <el-form-item v-if="item.type=='custDig'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="staffName"
            @getrow="getRowCustManageHandler"
            @loadata="loadCustManageOptions"
            :config="digData.custConfig"
        ></inputDialog>
      </el-form-item>

      <el-form-item v-if="item.type=='busiDig'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="staffName"
            @getrow="getRowBusiManageHandler"
            @loadata="loadBusiManageOptions"
            :config="digData.busiConfig"
        ></inputDialog>
      </el-form-item>
      <el-form-item v-if="item.type=='busiDig'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="staffName"
            @getrow="getRowBusiManageHandler"
            @loadata="loadBusiManageOptions"
            :config="digData.busiConfig"
        ></inputDialog>
      </el-form-item>

      <el-form-item v-if="item.type=='contactCdDig'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.value"
            text="contractcode"
            @getrow="getRowContactCdHandler"
            @loadata="loadContactCdOptions"
            :config="digData.contactCdConfig"
        ></inputDialog>
      </el-form-item>
      <el-form-item v-if="item.type=='contactCdDig'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.value"
            text="contractcode"
            @getrow="getRowContactCdHandler"
            @loadata="loadContactCdOptions"
            :config="digData.contactCdConfig"
        ></inputDialog>
      </el-form-item>

      <el-form-item v-if="item.type=='projectDig'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="itemname"
            @getrow="getRowProjectHandler"
            @loadata="loadProjectOptions"
            :config="digData.projectConfig"
        ></inputDialog>
      </el-form-item>
      <el-form-item v-if="item.type=='projectDig'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="itemname"
            @getrow="getRowProjectHandler"
            @loadata="loadProjectOptions"
            :config="digData.projectConfig"
        ></inputDialog>
      </el-form-item>

      <el-form-item v-if="item.type=='saleDig'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="staffName"
            @getrow="getRowSaleHandler"
            @loadata="loadSaleOptions"
            :config="digData.saleConfig"
        ></inputDialog>
      </el-form-item>
      <el-form-item v-if="item.type=='saleDig'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <inputDialog
            v-model="item.sname"
            text="staffName"
            @getrow="getRowSaleHandler"
            @loadata="loadSaleOptions"
            :config="digData.saleConfig"
        ></inputDialog>
      </el-form-item>
      <el-form-item v-if="item.type=='IptDig2'" :required="item.required" :label="item.name + '：'">
        <el-input v-model="item.value" readonly>
          <template slot="append">
            <a href="javascript:;" style="font-size: 20px">
              <i class="el-icon-more"></i>
            </a>
          </template>
        </el-input>
      </el-form-item>
      <el-upload
          v-if="item.type=='upload'"
          :file-list="item.value"
          class="ne-upload"
          action=""
          multiple
          :limit="3"
          :disabled="item.disabled"
          style="height: .74rem;"
          >
        <el-button size="small" type="primary">{{ item.name }}</el-button>
      </el-upload>
      <el-form-item v-if="item.type=='seeIpt'&&rules[index]" :prop="index + '.' + 'value'" :rules="rules[index]" :required="item.required" :label="item.name + '：'">
        <el-row>
          <el-col :span="20">
            <el-input
                clearable
                placeholder="请输入内容"
                v-model="item.value"
                class="input-with-select"
                :disabled="item.disabled"
                :readonly="item.readonly"
            />
          </el-col>
          <el-col :span="4">
            <a href="javascript:;" style="padding-left: .1rem; color: blue"
            >查看</a
            >
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item v-if="item.type=='seeIpt'&&!rules[index]" :required="item.required" :label="item.name + '：'">
        <el-row>
          <el-col :span="20">
            <el-input
                clearable
                placeholder="请输入内容"
                v-model="item.value"
                class="input-with-select"
                :disabled="item.disabled"
                :readonly="item.readonly"
            />
          </el-col>
          <el-col :span="4">
            <a href="javascript:;" style="padding-left: .1rem; color: blue"
            >查看</a
            >
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item v-if="item.type=='marketProject'" :label="item.name + '：'">
        <inputDialog
            v-model="item.value"
            text="marketProjectCode"
            @getrow="getMarketProjectCode"
            @loadata="loadMarketProjectOptions"
            :config="digData.marketProjectNameConfig"
        ></inputDialog>
      </el-form-item>
      <el-form-item v-if="item.type=='marketSubProject'" :label="item.name + '：'">
        <inputDialog
            v-model="item.value"
            text="marketSubprojectCode"
            @getrow="getmarketSubprojectCode"
            @loadata="loadMarketSubprojectOptions"
            :config="digData.marketSubprojectNameConfig"
            :infoTip='infoTip'
            infoText='请先选择营销项目编码！'
        ></inputDialog>
      </el-form-item>
    </el-col>
  </div>
</template>

<script>
import inputDialog from "@/components/public/forms/inputDialog";
import OrderService from "@/api/order/OrderService.js";
import {mapState} from 'vuex';
export default {
  name: "SimForm",
  data(){
    return {
      digData:{
        custConfig: {
          title: "客户经理选项",
          tableData: [],
          tableForm: {
            items: [
              {
                field: "staffCode",
                title: "客户经理编码",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                field: "staffName",
                title: "客户经理名称",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                itemRender: {
                  name: "$button",
                  props: { content: "查询", type: "submit", status: "primary" },
                },
              },
            ],
            data: {}, //这个data一定要加，否则无法获取查询参数
          },
          tableColumn: [
            { field: "staffCode", title: "客户经理编码", width: "40%" },
            { field: "staffName", title: "客户经理名称", width: "40%" },
          ],
        },
        busiConfig: {
          title: "业务经理选项",
          tableData: [],
          tableForm: {
            items: [
              {
                field: "staffCode",
                title: "业务经理编码",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                field: "staffName",
                title: "业务经理名称",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                itemRender: {
                  name: "$button",
                  props: { content: "查询", type: "submit", status: "primary" },
                },
              },
            ],
            data: {}, //这个data一定要加，否则无法获取查询参数
          },
          tableColumn: [
            { field: "staffCode", title: "业务经理编码", width: "50%" },
            { field: "staffName", title: "业务经理名称", width: "50%" },
          ],
        },
        contactCdConfig: {
          title: "合同编码选项",
          tableData: [],
          tableForm: {
            items: [
              {
                field: "contractcode",
                title: "合同编码：",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                field: "contractname",
                title: "合同名称：",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                itemRender: {
                  name: "$button",
                  props: { content: "查询", type: "submit", status: "primary" },
                },
              },
            ],
            data: {}, //这个data一定要加，否则无法获取查询参数
          },
          tableColumn: [
            { field: "contractcode", title: "合同编码", width: "40%" },
            { field: "contractname", title: "合同名称", width: "40%" },
          ],
        },
        projectConfig: {
          title: "MSS项目信息",
          tableData: [],
          tableForm: {
            items: [
              {
                field: "itemcode",
                title: "编码",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "请输入名称" },
                },
              },
              {
                field: "itemname",
                title: "名称",
                itemRender: {
                  name: "input",
                },
              },
              {
                itemRender: {
                  name: "$button",
                  props: { content: "查询", type: "submit", status: "primary" },
                },
              },
            ],
            data: {}, //这个data一定要加，否则无法获取查询参数
          },
          tableColumn: [
            { field: "itemcode", title: "项目编码", width: "40%" },
            { field: "itemname", title: "项目名称", width: "40%" },
          ],
        },
        saleConfig: {
          title: "商机选项",
          tableData: [],
          tableForm: {
            items: [
              {
                field: "staffCode",
                title: "商机编码：",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                field: "staffName",
                title: "商机名称：",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                itemRender: {
                  name: "$button",
                  props: { content: "查询", type: "submit", status: "primary" },
                },
              },
            ],
            data: {}, //这个data一定要加，否则无法获取查询参数
          },
          tableColumn: [
            { field: "staffCode", title: "商机编码", width: "40%" },
            { field: "staffName", title: "商机名称", width: "40%" },
          ]
        },
        //营销项目配置
        marketProjectNameConfig:{
          title: "营销项目选项",
          tableData: [],
          tableForm: {
            items: [
              {
                field: "PMCODE",
                title: "项目编码：",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                field: "PMNAME",
                title: "项目名称：",
                itemRender: {
                  name: "input",
                  attrs: { placeholder: "" },
                },
              },
              {
                itemRender: {
                  name: "$button",
                  props: { content: "查询", type: "submit", status: "primary" },
                },
              },
            ],
            data: {
              PMCODE: "",
              PMNAME: "",
            }, //这个data一定要加，否则无法获取查询参数
          },
          tableColumn: [
            { field: "pmCode", title: "营销项目编码", width: "20%" },
            { field: "pmName", title: "营销项目名称", width: "20%" },
            { field: "pmId", title: "营销项目ID", width: "20%" },
            { field: "pmCustManager", title: "客户经理名称", width: "20%" },
            { field: "pmManager", title: "项目经理名称", width: "20%" },
          ],
        },
        //营销子项目配置
        marketSubprojectNameConfig:{
          title: "营销子项目选项",
          tableData: [],
          tableForm: {},
          tableColumn: [
            { field: "initProductCode", title: "营销项目编码", width: "20%" },
            { field: "productName", title: "营销项目名称", width: "20%" },
          ],
        },

      },
      nForm: JSON,
      infoTip:true,//营销子项目是否可选
    }
  },
  computed:{
    ...mapState('user',['user'])
  },
  props:{
    rules:{
      type: Object,
      default: () => {
        return {};
      },
    },
    Form:{JSON,Array},
    starIndex:{
      type:Number,
      default:0
    },
    endIndex:{
      type:Number,
      default:null
    }
  },
  created() {
    this.formStr();
  },
  mounted() {

  },
  components: {
    inputDialog
  },
  comments:{},
  methods:{
    getRowSaleHandler(row) {
      for(var key in this.Form){
        if(this.Form[key].type=='saleDig'){
          this.Form[key].rowMsg = row;
          this.Form[key].value = row.staffId;
          this.Form[key].sname = row.staffName;
        }
      }
    },
    getRowBusiManageHandler(row) {
      for(var key in this.Form){
        if(this.Form[key].type=='busiDig'){
          this.Form[key].rowMsg = row;
          this.Form[key].value = row.staffId;
          this.Form[key].sname = row.staffName;
        }
      }
    },
    getRowCustManageHandler(row) {
      for(var key in this.Form){
        if(this.Form[key].type=='custDig'){
          this.Form[key].rowMsg = row;
          this.Form[key].value = row.staffId;
          this.Form[key].sname = row.staffName;
        }
      }
    },
    getRowContactCdHandler(row) {
      for(var key in this.Form){
        if(this.Form[key].type=='contactCdDig'){
          this.Form[key].rowMsg = row;
          this.Form[key].sname = row.contractname;
          this.Form[key].value = row.contractcode;
        }
      }
    },
    getRowProjectHandler(row) {
      for(var key in this.Form){
        if(this.Form[key].type=='projectDig'){
          this.Form[key].rowMsg = row;
          this.Form[key].value = row.itemcode;
          this.Form[key].sname = row.itemname;
        }
      }
    },
    /**
     * 5加载商机配置选项
     */
    async loadSaleOptions(data) {
      let res = await OrderService.qryStaffList(data);
      if (res.code == 200) {
        this.digData.saleConfig.tableData = res.meta.resultObject
            ? res.meta.resultObject.staffIdList
            : [];
      }
    },
    async loadCustManageOptions(params) {
      const data = {
        orgId: this.user.orgId,
        postCode: "014_KHJL", //客户经理  014_KHJL    业务经理  016_XMJLYWJL
        pageSize: "20",
        pageIndex: "1",
        ...params
      };
      let res = await OrderService.qryStaffList(data);
      if (res.code == 200) {
        this.digData.custConfig.tableData = res.meta.staffIdList || [];
      }
    },
    async loadBusiManageOptions(params) {
      const data = {
        orgId: this.user.orgId, //session里取
        postCode: "016_XMJLYWJL", //客户经理  014_KHJL    业务经理  016_XMJLYWJL
        pageSize: "20",
        pageIndex: "1",
        ...params,
      };
      let res = await OrderService.qryStaffList(data);
      if (res.code == 200) {
        this.digData.busiConfig.tableData = res.meta.staffIdList || [];
      }
    },
    async loadContactCdOptions(params) {
      
      
      let booleanType = 0;
      if ("contractcode" in params || "contractname" in params) {
        booleanType =
            params.contractcode !== "" || params.contractname !== "" ? 1 : 0;
      }
      let obj = {
        requestObject: {
          contractJson: {
            contractcode: "contractcode" in params ? params.contractcode : "",
            contractname: "contractname" in params ? params.contractname : "",
            itemcode: "",
            itemname: "",
            type: booleanType,
            page: {
              pageNo: 1,
              pageSize: 10,
            },
          },
        },
      };
      let res = await OrderService.qryContractList(obj);
      
      if (res.code == 200) {
        this.digData.contactCdConfig.tableData = res.meta || [];
      }
    },
    async loadProjectOptions(data) {
      const params = {
        projectJson: {
          itemcode: data.itemcode || "",
          itemname: data.itemname || "",
          page: {
            pageNo: 1,
            pageSize: 10,
          },
        },
      };
      let res = await OrderService.qryProjectList(params);
      if (res.code == 200) {
        this.digData.projectConfig.tableData = res.meta || [];
      }
    },
    /**
     * 加载营销项目编码配置选项
     */
    async loadMarketProjectOptions(params){
      let obj = {
         PMCUSTNUMBER:this.Form.oldPartyCode,// 客户编码 oldPartyCode
		 		 PMCUST:this.Form.custName.value,//客户名称
		     PMCUSTMANAGERID:this.Form.custManagerId.value,//客户经理id  没填可以是空
		     PMCUSTMANAGER:this.Form.custManagerId.sname, //客户经理名称  没填可以是空
		     PMMANAGERID:this.Form.busiManagerId.value,   //项目户经理id   没填可以是空
		     PMMANAGER:this.Form.busiManagerId.sname, //项目经理名称   没填可以是空
		     CONTRACTCODE:this.Form.contactCd.value, //合同编码  没填可以是空
		     CONTRACTNAME:this.Form.contactName.value, //合同名称  没填可以是空
		     PMCODE:'PMCODE' in params ? params.PMCODE:'', //项目编码   没填可以是空
				 PMNAME:'PMNAME' in params ? params.PMNAME:'', //项目名称  没填可以是空
         pageIndex:"1",
				 pageSize:"10",
      }
       let res = await OrderService.getMarProInfo(obj);
       if (res.code == 200) {
        this.digData.marketProjectNameConfig.tableData = res.meta.returnjson || [];
       }
    },
    /**
     * 加载营销子项目编码配置选项
     */
    async loadMarketSubprojectOptions(){
      let obj = {
         pmId:this.Form.marketProjectId,
         pageIndex:"1",
				 pageSize:"10",
      }
      let res = await OrderService.getMarSubProInfo(obj);
      if (res.code == 200) {
        this.digData.marketSubprojectNameConfig.tableData = res.meta.returnjson || [];
      }
    },
    /**
     * 7.营销项目编码回传ID
     */
    getMarketProjectCode(row) {
        this.Form.marketProjectCode.value = row.pmCode;
        this.Form.marketProjectName.value = row.pmName;
        this.Form.marketProjectId = row.pmId;
        this.infoTip = false;
    },
     /**
     * 8.营销子项目编码回传ID
     */
    getmarketSubprojectCode(row) {
      this.Form.marketSubprojectCode.value = row.initProductCode;
      this.Form.marketSubprojectName.value = row.productName;
      this.Form.subProjectId = row.initProductId;
    },

    formStr(){
      if(this.endIndex){
        this.nForm = Object.fromEntries(Object.entries(this.Form).slice(this.starIndex,this.endIndex));
      }else{
        this.nForm = this.Form;
      }

    }
  }
}
/**
 * type类型
 *         jmIpt精确模糊 input
 *         Ipt普通 input
 *
 */
</script>

<style lang="scss" scoped>
.ne-jminput-box{
  .ne-upload{
    height: .64rem;
  }
  //::v-deep .el-button{
  //  padding: 0 0.15rem;
  //  border-radius: 0.05rem;
  //  height: 0.34rem;
  //  line-height: 0.32rem;
  //  min-height: 30px;
  //}
  ::v-deep .el-form-item__label {
    padding: 0 0.05rem 0 0;
  }
  ::v-deep .el-form-item {
    padding: 0 .10rem;
    height: .54rem;
  }
  ::v-deep .el-input__suffix{
    right: 0;
  }
  ::v-deep .el-select .el-input .el-select__caret{
    font-size: .12rem;
    position: relative;
    top: -.01rem;
  }
  //@media screen and (max-width:1300px){
  //  ::v-deep *{
  //    transform:scale(.995);
  //  }
  //}
  ::v-deep .select-box .el-input--suffix .el-input__inner{
    padding-left: .07rem;
    text-align: left;
    padding-right: 0.2rem;
    z-index: 9999;
  }
  .radio-mt {
    margin-top: .10rem;
  }
  .select-box {
    width: 1rem;
    padding: 0;
  }
  .ne-select-box{
    min-width: 44px;
    width: 0.56rem !important;
  }
  ::v-deep .el-input__icon{
    line-height: normal!important;
  }
  ::v-deep .el-form-item__content{
    line-height: .34rem!important;
  }
}

</style>
